* {
    margin: 0;
    padding: 0;
}

body {
    background-color: rgb(247, 247, 247);
}

@mixin important-text {
    border-top: 1px solid rgb(232, 232, 232);
    border-bottom: 1px solid rgb(232, 232, 232);
}

$Top_Height: 40px;

.Top {
    width: 100%;
    height: $Top_Height;
    display: flex;
}


$center: auto;

.Top_Center {
    height: $Top_Height;
    width: 100px;
    margin: $center;

    p {
        position: absolute;
        margin-left: 25px;
        margin-top: 10px;
    }
}


.Fanhui {
    height: $Top_Height;
    width: 100px;

    a {
        text-decoration: dashed;
        font-size: 30px;
        color: rgb(218, 218, 218);
    }

    img {
        height: 20px;
        float: right;
        margin-top: 10px;
    }
}

.security {
    height: 30px;
    width: 100%;
    background-color: rgb(255, 255, 255);
    @include important-text;
    margin-top: 10px;

    div {
        height: 30px;
        width: 225px;

        margin: $center;
        display: flex;


        img {
            height: 20px;
            margin-top: 5px;
            margin-left: 5px;
        }

        p {
            font-size: 10px;
            margin-top: 7px;
        }
    }
}

.main {
    width: 100%;
    height: 235px;
    background-color: white;
    margin-top: 15px;
    @include important-text;

    div {
        height: 30px;
        width: 100%;

        display: flex;

        .round {
            margin-top: 10px;
            margin-left: 10px;
            height: 15px;
        }

        img {
            height: 15px;
            margin-left: 5px;
            margin-top: 10px;
        }

        p {
            font-size: 13px;
            margin-top: 9px;
            margin-left: 5px;
        }

        .Yunfei {
            font-size: 13px;
            color: red;
            float: right;
            width: 280px;
        }

    }



    .Main_Box1 {
        width: 100%;
        height: 100px;
        @include important-text;
        display: inline-block;

        .Main_flx {
            .Img_Box {
                height: 100px;
                width: 120px;

                input {
                    margin-left: 5px;
                }

                .huawei {
                    height: 80px;
                }
            }

            .Ttitle_Box {
                width: 100%;
                height: 20px;

            }
        }

        .money {
            width: 200px;
            height: 20px;

            margin-top: 30px;
            margin-left: 90px;


            p {

                margin-top: 2px;
                color: red;

            }
        }

        @mixin Border {
            width: 36px;
            height: 20px;
            border-right: 1px solid rgb(209, 209, 209);
            margin-top: 0px;

        }


        .bottom_Box {
            height: 20px;
            width: 100px;
            margin-left: 100px;
            border: 1px solid rgb(209, 209, 209);

            .Jian {
                @include Border;



                p {
                    margin-top: -4px;
                    margin-left: 10px;
                    font-size: 20px
                }

            }

            .Num {
                @include Border;


                p {
                    margin-top: 0px;
                    margin-left: 10px;

                }
            }

            .Jia {
                @include Border;


                p {
                    margin-top: 0px;
                    margin-left: 10px;
                    font-size: 15px
                }
            }
        }
    }


    .Main_Box2 {
        width: 100%;
        height: 100px;
        display: inline-block;

        .Main_flx {
            .Img_Box {
                height: 100px;
                width: 120px;

                input {
                    margin-left: 5px;
                }

                .huawei {
                    height: 80px;
                }
            }

            .Ttitle_Box {
                width: 100%;
                height: 20px;

            }
        }

        .money {
            width: 200px;
            height: 20px;

            margin-top: 30px;
            margin-left: 90px;


            p {

                margin-top: 2px;
                color: red;

            }
        }

        @mixin Border {
            width: 36px;
            height: 20px;
            border-right: 1px solid rgb(209, 209, 209);
            margin-top: 0px;

        }


        .bottom_Box {
            height: 20px;
            width: 100px;
            margin-left: 100px;
            border: 1px solid rgb(209, 209, 209);

            .Jian {
                @include Border;



                p {
                    margin-top: -4px;
                    margin-left: 10px;
                    font-size: 20px
                }

            }

            .Num {
                @include Border;


                p {
                    margin-top: 0px;
                    margin-left: 10px;

                }
            }

            .Jia {
                @include Border;


                p {
                    margin-top: 0px;
                    margin-left: 10px;
                    font-size: 15px
                }
            }
        }
    }


}